<template>
    <div>
            <!-- 机酒自由行 -->
    <section class="jjzyx content-part common-style">
        <div class="center-wrap">
            <div class="hd clearfix">
                <h2>招聘新闻</h2>
                <em>行业资讯和数据实时跟踪</em>
                <nav>
                    <ul>
                        <li class="current"><a  >近期好货</a></li>
                        <li><a  >数据报告</a></li>
                        <li><a  >干货文章</a></li>
                        <li><a  >公司动态</a></li>
                        <li><a  >行业资讯</a></li>
                        <li><a  >面试必读</a></li>
                        <li><a  >海归专场</a></li>
                    </ul>
                </nav>
            </div>
            <div class="bd">
                <ul>
                    <li class="big-grid">
                        <a  >
                            <img src="././images/jjzyx1.png" alt="">
                        </a>
                        <span class="tag"> 点击</span>
                        <div class="info">
                            <p>
                                2021网络安全人才趋势报告
                            </p>
                            <p>
                                进入数字经济时代，互联网、大数据、人工智能、云计算、5G等技术全面渗透到各行各业
                            </p>
                        </div>
                    </li>
                    <li class="pro-grid">
                        <a  >
                            <div class="picbox">
                                <span class="tag">点击</span>
                                <img src="./images/jjzyx2.png" alt="">
                            </div>
                            <div class="wordbox">
                                实施男幼师培育关爱工程，能有效改变幼儿园阴盛阳衰的现象...
                            </div>
                        </a>
                    </li>
                    <li class="pro-grid">
                        <a  >
                            <div class="picbox">
                                <span class="tag"> 点击</span>
                                <img src="./images/jjzyx3.png" alt="">
                            </div>
                            <div class="wordbox">
                                海归留学生的毕业时间到底以什么为准？都说校招要应届生，真是假？…
                            </div>
                        </a>
                    </li>
                    <li class="pro-grid">
                        <a  >
                            <div class="picbox">
                                <span class="tag"> 点击</span>
                                <img src="./images/jjzyx4.png" alt="">
                            </div>
                            <div class="wordbox">
                                北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                            </div>
                        </a>
                    </li>
                    <li class="pro-grid">
                        <a  >
                            <div class="picbox">
                                <span class="tag"> 点击</span>
                                <img src="./images/jjzyx5.png" alt="">
                            </div>
                            <div class="wordbox">
                               切记，不要用所谓的“套路”、“技巧”去获得面试的成功，…
                            </div>
                        </a>
                    </li>
                    <li class="pro-grid">
                        <a  >
                            <div class="picbox">
                                <span class="tag"> 点击</span>
                                <img src="./images/jjzyx6.png" alt="">
                            </div>
                            <div class="wordbox">
                                   进入社会生活的洪流，如同飞蛾扑火，无可奈何但又无法阻挡…
                            </div>
                        </a>
                    </li>
                    <li class="more-grid">
                        <a  >
                            <p>查看更多</p>
                            <p>行业内讯和报告</p>
                            <span class="iconfont">&#xe619;</span>
                            <ul>
                                <li>点击</li>
                                <li>职场</li>
                                <li>专业</li>
                                <li>面试</li>
                            </ul>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    </div>
</template>
<script>
export default {
    data(){
        return{
            
        }
    }
}
</script>

<style>
@import './style/base.css';
@import './style/css.css';
@import './style/reset.css';
</style>